@import "font-awesome.min.css";
* {
	margin:0;
	padding:0;
}

body,html {
	font-size: 14px;
	font-family: "POPPINS-LIGHT","Arial" ;
	overflow-x:hidden;
	margin:0;
	padding:0;
	color: #000;

}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	font-family: "POPPINS-LIGHT","Arial" ;
}

a {
	text-decoration: none;
	color: #333;

}
select:focus {
	outline:none;
}

.nopad {
	padding:0;
}
.nomargin  {
	margin:0;
}
a:hover,
a:active,
a:focus {
	outline: none;
	text-decoration: none;


}
ul {
	padding:0;
	margin:0;
	font-size:0;
}
li {
	list-style: none;
}

.fl { float:left;}
.fr { float:right;}


.row {
	width:75%;
	min-width:1360px;
	padding: 0px;
    margin: 0 auto;
    text-align: center;
}
.prorow {
	width:1400px;
	padding: 0px;
    margin: 0 auto;
    text-align: center;
	padding-top:50px;
	padding-bottom:60px;
}
.row-pro {
	width:100%;
	padding: 0px;
    margin: 0 auto;
    text-align: center;
}
p,h1,h2,h3,h4,h5 {
	margin:0;
}


.tl {
	text-align: left;
}
.tr {
	text-align: right;
}
body{
	width: 100%;
	opacity: 1;
	overflow: hidden;
	transition:opacity 0.3s;
}
body.on{
	opacity: 1;
}
body::-webkit-scrollbar
{
	width: 5px;
	background-color: #F5F5F5;
}
body::-webkit-scrollbar-track
{
	border-radius: 10px;
	background-color: #F5F5F5;
}
body::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	background-color: #7c7c7c;
}
.w1400{
	width: 1400px;
	position: relative;
	margin:0 auto;
}
.w1600{
	width: 1600px;
	position: relative;
	margin: 0 auto;
}
.carousel-control.left {
	background:none;
}
.carousel-control.right {
	background: none;
}
.f-cb {

	zoom: 1;

}


@font-face {
	font-family: 'POPPINS-LIGHT';
	src: url('../fonts/POPPINS-LIGHT.eot'); /* IE9 Compat Modes */
	src: url('../fonts/POPPINS-LIGHT.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../fonts/POPPINS-LIGHT.woff') format('woff'), /* Modern Browsers */
	url('../fonts/POPPINS-LIGHT.ttf')  format('truetype'), /* Safari, Android, iOS */
	url('../fonts/POPPINS-LIGHT.svg') format('svg'); /* Legacy iOS */
}



/**
 * 判断浏览器
 */

#browser_ie {
	BACKGROUND-COLOR: #f6f6b4; DISPLAY: none; HEIGHT: 120px; COLOR: #000; FONT-SIZE: 15px
}
#browser_ie .brower_info {
	MARGIN: 0px auto; WIDTH: 800px; PADDING-TOP: 17px
}
#browser_ie .brower_info .notice_info {
	POSITION: relative; MARGIN-TOP: 5px; FLOAT: left
}
#browser_ie .brower_info .notice_info P {
	TEXT-ALIGN: left; LINE-HEIGHT: 25px; WIDTH: 360px; DISPLAY: inline-block
}
#browser_ie .browser_list {
	POSITION: relative; FLOAT: left
}
#browser_ie .browser_list IMG {
	WIDTH: 40px; HEIGHT: 40px
}
#browser_ie .browser_list SPAN {
	TEXT-ALIGN: center; WIDTH: 80px; DISPLAY: inline-block
}

/*css组件设置*/
/*css组件设置*/
.imgZoom img,.imgY180 img { -moz-transition:all 2.4s ease 0s; -ms-transition:all 2.4s ease 0s; -o-transition:all 2.4s ease 0s; -webkit-transition:all 2.4s ease 0s; transition:all 2.4s ease 0s;}
.imgZoom { overflow:hidden; }
.imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.imgY180:hover img { cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg)}
.imgX360 img {-webkit-transition: -webkit-transform 0.4s ease-out;-moz-transition: -moz-transform 0.4s ease-out;transition: transform 0.4s ease-out;}
.imgX360:hover img {-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);transform: rotate(360deg);}
/*头部样式 */

/*
.carousel-indicators li {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 1px;
	text-indent: -999px;
	cursor: pointer;
	background-color: #fff;
	border: 1px solid #60b830;
	border-radius: 10px;
}
.carousel-indicators .active {
	width: 12px;
	height: 12px;
	margin: 0;
	background-color: #60b830;
}
*/
.n-title{
    width:100%;
	padding:40px 0 0 0;
	font-size: 56px;
	text-align:center;
	background:#eee;
}
.h-title{
    width:100%;
	padding:40px 0 0 0;
	font-size: 56px;
	text-align:center;
}
.p-title{
    width:100%;
	padding:40px 0 0 0;
	font-size: 56px;
	text-align:center;
}
.div-c {
    position: absolute;
    width: 100%;
    height: 100px;
    text-align: center;
    z-index: 20;
	background:url(../img/headbg.png);
}

.carousel-control {
	position: absolute;
	top: 50%;
	width: 60px;
	height: 60px;
	margin-top: -20px;
	font-size:60px;
	font-weight: 100;
	line-height: 30px;
	color: #ffffff;
	text-align: center;
}

/*内页banner下的导航 */

.hot-product-sectionn {
    width: 100%;
    text-align: center;
	padding-top:40px;
	padding-bottom:50px;
}
.hot-product-sectionn .product-details_market{
    width:100%;
	text-align:left;
	line-height:60px;
	font-size:28px;
	color:#0c0c0c;
}
.hot-product-sectionn .product-details_text{
    width:100%;
	text-align:left;
	line-height:30px;
	font-size:16px;
	color:#0c0c0c;
	height:180px;
}
.hot-product-sectionn .product-details_more{
    width:100%;
	text-align:left;
	padding-top:20px;
	line-height:30px;
	border-bottom:#e3e3e3 solid 1px;
	margin-bottom:30px;
}
#nei-main {
	padding-bottom: 15px;
	background:#eee;
}

#nei-mainabout {
	padding-top:10px;
	background:#eee;
}


#nei-mainnews {
	padding-bottom:60px;
	background:#eee;
}
/*内页公共部分*/
.nei-title {
	text-align: center;

}
.nei-title .title-text {
	font-size:42px;
	color: #000000;
	font-weight:700;
    font-family: "glyphicons-halflings-regular";
}
.nei-title .title-text:after {
	content:'';
	width: 43px;
	height: 2px;
	display: block;
	margin:13px auto 25px;
	background:#d90813;
}


.nei-title .pro-title {
	width: 100%;
}
.nei-title .pro-title ul {
	width: 100%;
	text-align: center;
}
.nei-title .pro-title ul li{
	height: 90px;
	margin-right: 55px;
	text-align: center;
	display: inline-block;
}






.nei-title .cate-title {
	width: 1360px;
	margin-bottom: 40px;
	margin: 0 auto;
	background:url(../img/mean-linebg.png);
}
.nei-title .cate-title ul {
	width: 100%;
	text-align: center;
}
.nei-title .cate-title ul li {
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    display: inline-block;
    color: #3f3f3f;
	margin-right:10px;
}
.nei-title .cate-title ul li.cur{
	height: 50px;
	line-height: 50px;
	margin-right: 15px;
	text-align: center;
	font-size:16px;
	display: inline-block;
	margin-left: 30px;
	margin-right: 30px;
	background:url(../img/mean-linebg-1.png) no-repeat center top;
	
}
.nei-title .cate-title ul li.cur a{
	color: #656565;
}
.nei-title .cate-title ul li:hover{
    font-size:16px;
	color: #e80014;
	background:url(../img/mean-linebg-1.png) no-repeat center top;
}
.nei-title .cate-title ul li:last-child {
	margin-right: 0;
}
.nei-title .cate-title ul li a {
	display: inline-block;
	margin-left: 30px;
	margin-right: 30px;
	color:#3f3f3f;
}
.nei-title .cate-title ul li a.active {
	display: inline-block;
	height: 50px;
	line-height: 50px;
	font-size:16px;
	margin-left: 30px;
	margin-right: 30px;
	color: #3f3f3f;
	background:url(../img/mean-linebg-1.png) no-repeat center top;
	border-radius: 0;
}
.nei-title .cate-title ul li a.active span{
    color:#3f3f3f;
}
.nei-title .cate-title ul li a:hover {
	color: #3f3f3f;
	font-size:16px;
}
.nei-title .cate-title ul li a:hover span{
    color:#000000;
}
/*面包屑*/
.list-bread {
	background-color: #f0efef;
	height:85px;
	line-height: 85px;
}
#tit {
	height:80px;

	background-color: #f5f5f5;
}
#tit .sendcate p{
	width:60%;
	font-weight:bold;
	font-size:28px;
	color: #1e1e1e;
	padding-left:20px;
	float: left;
	text-transform: uppercase;
}

.breadcrumb {
	font-size: 14px;
}
.breadcrumb > li + li::before {
	padding: 0 5px;
	color: #474747;
	content: ">";
}


.breadcrumb {
	float: left;
	padding:0;
	/*line-height: 128px;*/
	margin-bottom:0;
	background: none;
	font-size: 14px;
}
.breadcrumb li a {
	color: #333;
}
.breadcrumb li i {
	margin-right: 10px;
}
.breadcrumb li.active {
	text-transform: capitalize;
}

.bread-nei {
	padding: 0 6.5%;
}

/*********************************************************************************************************************/

/**
 * 底部样式
 */
/*footer*/
.company_ab .com_about{
    width: 100%;

}
.contact-wrapper {
	width: 100%;
	background: #081630;
	text-align: center;
	padding: 0px;
	margin: 0 auto;
}
.contact-wrapper .zj{
	text-align: center;
	width: 1360px;
	height: 360px;
	padding: 0px;
	margin: 0 auto;
}
.contact-wrapper .footline{
    width:70%;
	height:1px;
	background:#494949;
	margin-bottom:5px;
}
.contact-wrapper .footlogo{
	text-align: left;
	width: 100%;
	padding-top:30px;
	padding-bottom:20px;
}
.copyright .zjx{
	text-align: center;
	width: 1400px;
	padding: 0px;
	margin: 0 auto;
	border-top:#6b7483 solid 1px;
}
.contact-wrapper .hd {
    float: left;
	width: 20%;
	margin-top: 40px;
	height:260px;
}
.contact-wrapper .hd .hd-inner {
	text-align: left;
	line-height: 25px;
	font-size: 14px;
	color: #010101;
	margin-top: 10px;
	padding-right:10%;
	font-style: italic;
}
.contact-wrapper .hd .search-wrapper {
	width: 100%;
	height: 70px;
	text-align: left;
	font-weight: bold;
}
.contact-wrapper .hd .search-text {
	width: 100%;
	margin-top: 20px;
	text-align: left;
}
.contact-wrapper .hd .search-input-box {
	width: 100%;
	height: 125px;
	margin-top: 20px;
	text-align: right;
}
.contact-wrapper .bd {
	float: left;
	width: 36%;
}
.contact-wrapper .nd {
	float: left;
	width: 10.66666%;
}
.contact-wrapper .bd .search-wrapper {
	width: 100%;
	height: 35px;
	margin-top: 45px;
	text-align: left;
	line-height: 25px;
	font-size: 18px;
	font-weight:600;
	color: #fff;
}
.contact-wrapper .nd .search-wrapper {
	width: 100%;
	height: 50px;
	margin-top: 30px;
	text-align: left;
	line-height: 50px;
	font-size: 18px;
	font-weight:600;
	color: #fff;
}
.contact-wrapper .bd .search-input-box {
	width: 100%;
	height: 125px;
	margin-top: 20px;
	text-align: left;
}
.contact-wrapper .nd .search-input-box {
	width: 100%;
	height: 125px;
	margin-top: 10px;
	text-align: left;
}
.contact-wrapper .bd .search-text {
	width: 100%;
	margin-top:5px;
	text-align: left;
	line-height: 30px;
	font-size: 13px;
	color: #fff;
}
.contact-wrapper .bd .search-texta {
	width: 100%;
	margin-top:5px;
	text-align: left;
	line-height: 40px;
	font-size: 28px;
	font-weight:600;
	color: #009fdb;
	margin-bottom:10px;
}
.contact-wrapper .bd .search-more {
	width: 184px;
	height:44px;
	text-align: center;
	line-height: 44px;
	color:#fff;
	background:#00a0da;
	margin-top:30px;
	border-radius: 10px;
}
.contact-wrapper .bd .search-text img{
   margin-right:5px;
}
.contact-wrapper .bd a {
	color: #fff;
}

.contact-wrapper .nd .search-text {
	width: 100%;
	height: 30px;
	text-align: left;
	line-height: 30px;
	font-size: 14px;
	color: #fff;
}
.contact-wrapper .nd .search-wx {
	width: 100%;
	text-align: right;
}
.contact-wrapper .nd .search-text img{

   margin-right:10px;
}
.contact-wrapper .nd .search-text a {
	color: #fffffd;
}

.com_about input[type=text] {
    background: #fff;
    border: 1px solid #cccccc;
    width: 475px;
    height: 40px;
    padding-left: 20px;
    font-size: 16px;
}
.com_about input[type=submit] {
    background: #7c7c7c;
    color: #fff;
    height: 40px;
    width: 153px;
    border: none;
    font-size: 16px;
}

.contact-wrapper .bd .contact-us {
	position: absolute;
	left: 970px;
	top: -190px;
	width: 580px;
	height: 300px;
	padding: 50px 70px 0;
	background-color: #333;
}
.contact-wrapper .bd .contact-us .contact-us-title {
	position: relative;
	height: 52px;
	padding-top: 22px;
	font-size: 30px;
}
.contact-wrapper .bd .contact-us .contact-us-title:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 50px;
	height: 4px;
	background-color: #fff;
}
.contact-wrapper .bd .contact-us .contact-us-text {
	margin-top: 32px;
	padding-right: 45px;
	line-height: 24px;
}
.contact-wrapper .bd .contact-us .contact-us-check {
	width: 426px;
	height: 48px;
	margin: 27px auto 0;
	background-color: #e70113;
	line-height: 48px;
	text-align: center;
	border-radius: 24px;
}
.copyright {
	color: #fff;
	font-size:14px;
	height: 75px;
	background:#081630;

}
.copyright .footlogo{
	float: left;
	text-align: left;
	width: 60%;
}
.copyright .border-top {
	text-align: center;
	width: 100%;
	height: 75px;
	line-height: 75px;

}
.copyright .footjs{
	float: left;
	text-align: right;
	width: 20%;
	height: 75px;
	line-height: 75px;
}
.copyright a{color: #fff;}
.copyright p {
	/*color: #fff;*/
	margin-bottom: 0;
	font-size:12px;
	font-family:"Arial";

}
.copyright p a {
	/*color: #fff;*/

}
.indexbanner img{
   max-width:100%;
   padding-bottom:15px;
}

.navboxa{height:48px;position:relative;z-index:9;margin:auto;filter:alpha(opacity=90);-moz-opacity:0.90;font-family:'微软雅黑';}
.nava{width:100%;margin:0 auto;height:48px;list-style:none;}
.nava li{float:left;height:48px;position:relative;list-style:none; line-height:48PX; width:10%; }
.nava li:hover{ background:#67b82d;}
.nava li.last{background:none;}
.nava li a{text-decoration:none;}
.nava li a span{float:left;display:block;line-height:48px;font-size:16px;color:#fff; cursor:pointer;width:100%;text-align:center;}

.nava li.selected .submenu{display:block;}
.nava li .submenu{display:none;position:absolute;top:48px;left:0;}
.nava li .submenu li{float:none;padding:0;background:none;height:auto;border-bottom:dotted 0px #BEBEBE;}
.menu_li_txt{line-height:30px;font-size:12px;color:#696969; text-align:left;}
.menu_li_txt font{font-size:14px;color:#bb1721;}
.menu_li_txt a{color:#696969;text-decoration:none;font-size:14px;}
.menu_li_txt a:hover{color:#696969;text-decoration:underline;}
.menu_news_bg{width:550px;height:305px;background:#fff;}
.menu_news_main{width:540px;margin:auto;padding-top:12px;}
.menu_news_bgcn{width:470px;height:305px;background:#fff;}
.menu_news_maincn{width:460px;margin:auto;padding-top:12px;}
.menu_news_li{padding:0px 20px;margin-right:20px;height:150px;float:left;}
.menu_news_img{float:left;text-align:left;color:#bb1721;line-height:30px;font-size:14px;}
.menu_news_li2{padding:0px 30px;height:150px;float:right;}
.menu_news_img2{float:left;margin-left:30px;text-align:left;color:#bb1721;line-height:30px;font-size:14px;}
.menu_news_li3{padding:0px 25px;height:150px;float:right;border-left:solid 1px #cccccc;}
.menu_news_img3{float:left;margin-left:10px;text-align:left;color:#bb1721;line-height:30px;font-size:14px;}

.banner {
    position: relative;
    text-align: center;
}
#aboutus{
    background:#eee;
	padding-top:5px;
}
.div-about {
    width: 100%;
    height: 115px;
	text-align: center;
	background:url(../img/categorybg.jpg) no-repeat center center;
}
.div-about li{
    display: inline-block;
    line-height:115px;
	padding-left:10px;
	padding-right:10px;
	font-size:14px;
	text-align:center;
	background:url(../img/catebottom.jpg) no-repeat bottom center;
}

.div-aboutn {
    width: 100%;
	text-align: center;
	background:#eee;
}
.div-aboutl {
    width: 100%;
	text-align: center;
}
.div-aboutl .title{
    text-align: center;
    line-height: 140px;
    font-size: 56px;
    color: #0d0d0d;
}
.div-aboutn .title{
    text-align: center;
    line-height: 140px;
    font-size: 56px;
    color: #0d0d0d;
}
.div-aboutn .title span{
}
.aboutrow {
    width: 1250px;
    padding: 0px;
    margin: 0 auto;
    text-align: center;
}
.div-aboutn .cont{
    text-align: left;
	height: 120px;
    line-height: 100px;
    font-size: 36px;
    font-weight: 900;
    color: #3f3939;
}
.div-about .title{
	text-align: center;
	height: 60px;
    line-height: 60px;
    font-size: 36px;
    font-weight: 900;
    color: #0d0d0d;
	margin-top:40px;
}

.div-abt {
    position: absolute;
    background: #000;
    width: 100%;
    
    text-align: center;
    background: #d0091b;
	padding: 0px;
	
    z-index: 10;
}

/**********************底部样式 ****************************************/
.joincontacttextbg{
	margin-top: 20px;
	margin-bottom: 30px;
}
.joincontacttextbg label {
	display: block;
	margin: 0px;
}

.joincontacttextbg input[type="text"], .joincontacttextbg input[type="email"], .joincontacttextbg select {
	border: 1px solid #DADADA;
	color: #888;
	height: 48px;
	margin-bottom: 16px;
	margin-right: 6px;
	margin-top: 2px;
	outline: 0 none;
	padding: 3px 3px 3px 5px;
	width: 80%;
	font-size: 12px;
	line-height:15px;
	box-shadow: inset 0px 1px 4px #ECECEC;
	-moz-box-shadow: inset 0px 1px 4px #ECECEC;
	-webkit-box-shadow: inset 0px 1px 4px #ECECEC;
}
.joincontacttextbg textarea {
	border: 1px solid #DADADA;
	color: #888;
	height: 48px;
	margin-bottom: 16px;
	margin-right: 6px;
	margin-top: 2px;
	outline: 0 none;
	padding: 3px 3px 3px 5px;
	width: 90%;
	font-size: 12px;
	line-height:15px;
	box-shadow: inset 0px 1px 4px #ECECEC;
	-moz-box-shadow: inset 0px 1px 4px #ECECEC;
	-webkit-box-shadow: inset 0px 1px 4px #ECECEC;
}
.joincontacttextbg textarea{
	padding: 5px 3px 3px 5px;
}
.joincontacttextbg select {

	appearance:none;
	-webkit-appearance:none;
	-moz-appearance: none;
	text-indent: 0.01px;
	text-overflow: '';
	width: 70%;
	height: 35px;
	line-height: 25px;
}
.joincontacttextbg textarea{
	height:147px;
}
.joincontacttextbg .button {
	background: #2d2d2d;
	border: none;
	padding: 20px 55px 20px 55px;
	color: #FFF;
	border-radius: 3px;
	cursor: pointer;
}
.joincontacttextbg .button:hover {
	background: #000;
}
.joincontexta {
    width: 50%;
    float: left;
    height: 70px;
}

/*在线客服*/
.izl-rmenu{position:fixed;right:5%;bottom:10%;z-index:999;}
.izl-rmenu .btn{width:72px;height:73px;margin-bottom:1px;cursor:pointer;position:relative;display:block;padding:0;margin:0;border:none;border-radius: 0;}
.izl-rmenu .btn-qq{background:url(../img/r_qq.png) 0px 0px no-repeat;background-color:#6da9de;}
.izl-rmenu .btn-qq.btn-qqe {background:url(../img/r_qqe.png) 0px 0px no-repeat;background-color:#6da9de;}
.izl-rmenu .btn-qq:hover{background-color:#488bc7;}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../img/r_qq.png) 0px 0px no-repeat;background-color:#6da9de;text-decoration:none;display:block;}
.izl-rmenu .btn-wx{background:url(../img/r_wx.png) 0px 0px no-repeat;background-color:#78c340;}
.izl-rmenu .btn-wx.btn-wxe{background:url(../img/r_wxe.png) 0px 0px no-repeat;background-color:#78c340;}
.izl-rmenu .btn-wx:hover{background-color:#58a81c;}
.izl-rmenu .btn-wx .pic{position:absolute;left:-160px;top:0px;display:none;width:160px;height:160px;}
.izl-rmenu .btn-phone{background:url(../img/r_phone.png) 0px 0px no-repeat;background-color:#fbb01f;}
.izl-rmenu .btn-phone.btn-phonee{background:url(../img/r_phonee.png) 0px 0px no-repeat;background-color:#fbb01f;}
.izl-rmenu .btn-phone:hover{background-color:#ff811b;}
.izl-rmenu .btn-phone .pic{position:absolute;left:-160px;top:0px;display:none;width:160px;height:160px;}
.izl-rmenu .btn-phone .phone{background-color:#ff811b;position:absolute;width:160px;left:-160px;top:0px;line-height:73px;color:#FFF;font-size:18px;text-align:center;display:none;}
.izl-rmenu .btn-top{background:url(../img/r_top.png) 0px 0px no-repeat;background-color:#666666;display:none;}
.izl-rmenu .btn-top:hover{background-color:#444;}


.backToTop {display: none; width: 64px;height:65px;position: fixed; right:30px;bottom: 100px;background:url(../../../Public/home/img/arrow-top.png) no-repeat center center; cursor:pointer; z-index:99;}




@media (min-width: 1360px)
.row {
    width: 100%;
}

h1{
  font-size: 4rem;
  font-family: 'Montserrat';
  font-weight: normal;
  color: #fff;
  text-align: center;
  margin: 2rem 0;
}
.yw-wrapper{
  width: 100%;
  text-align:left;
  background:url(../img/culbg.jpg) no-repeat center;
  padding:40px 0 150px;
  height:864px;
}
.wrapper-index{
  width: 100%;
  margin: 0 auto;
  max-width: 100rem;
}
.yw-wrapper .cul_left{
  width:65%;
  float:left;
}
.yw-wrapper .cul_left .com_title{
    width:100%;
    text-align:left;
	margin-top:30px;
	font-size:36px;
	color:#010101;
	line-height:40px;
}
.yw-wrapper .cul_left .com_line{
    width:100%;
    text-align:left;
	padding-left:4%;
}
.yw-wrapper .cul_left .com_test{
    width:100%;
    text-align: left;
	font-size:16px;
	line-height:30px;
	color:#101010;
	margin-bottom:10px;
}
.yw-wrapper .cul_right{
  width:35%;
  float:left;
  text-align:right;
  padding-top:60px;
}
.cols{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.col{
  width: calc(20% - 2rem);
  margin: 0.2rem;
  cursor: pointer;
}

.container-index{
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
	-webkit-perspective: 1000px;
	        perspective: 1000px;
}

.front,
.back{
  background-size: cover;
	background-position: center;
	-webkit-transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
	transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
	-o-transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
	transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
	transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
	-webkit-backface-visibility: hidden;
	        backface-visibility: hidden;
	text-align: center;
	min-height: 481px;
	height: auto;
	color: #fff;
	font-size: 1.5rem;
}
.back dd{
   line-height:24px;
   font-size: 0.8rem;
   text-align:left;
   padding-top:0.8rem;
}
.back{
  background: #00a0d9;
  background: -webkit-linear-gradient(45deg,  #00a0d9 0%,#00a0d9 100%);
  background: -o-linear-gradient(45deg,  #00a0d9 0%,#00a0d9 100%);
  background: linear-gradient(45deg,  #00a0d9 0%,#00a0d9 100%);
}

.front:after{
	position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    content: '';
    display: block;
    opacity: 0;
    background-color: #000;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    border-radius: 10px;
}
.container-index:hover .front,
.container-index:hover .back{
    -webkit-transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    -o-transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
}

.back{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}


.fronta,
.backa{
  background-size: cover;
	background-position: center;
	-webkit-transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
	transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
	-o-transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
	transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
	transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
	-webkit-backface-visibility: hidden;
	        backface-visibility: hidden;
	text-align: center;
	min-height: 237px;
	height: auto;
	color: #fff;
	font-size: 1.5rem;
	margin-bottom:0.4rem;
}
.backa dd{
   line-height:24px;
   font-size: 0.8rem;
   text-align:left;
   padding-top:0.8rem;
}
.backa{
  background: #00a0d9;
  background: -webkit-linear-gradient(45deg,  #00a0d9 0%,#00a0d9 100%);
  background: -o-linear-gradient(45deg,  #00a0d9 0%,#00a0d9 100%);
  background: linear-gradient(45deg,  #00a0d9 0%,#00a0d9 100%);
}

.fronta:after{
	position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    content: '';
    display: block;
    opacity: 0;
    background-color: #000;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    border-radius: 10px;
}
.container-index:hover .fronta,
.container-index:hover .backa{
    -webkit-transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    -o-transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
}

.backa{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}




.inner{
    -webkit-transform: translateY(-50%) scale(1);
            transform: translateY(-50%) scale(1);
    top: 50%;
    position: absolute;
    left: 0;
    width: 100%;
    padding: 1.5rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    outline: 1px solid transparent;
    -webkit-perspective: inherit;
            perspective: inherit;
    z-index: 2;
}

.container-index .back{
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
}

.container-index .front{
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
}

.container-index:hover .back{
  -webkit-transform: rotateY(0deg);
          transform: rotateY(0deg);
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

.container-index:hover .front{
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

.front .inner p{
  font-size: 2rem;
  margin-bottom: 2rem;
  position: relative;
}

.front .inner p:after{
  content: '';
  width: 4rem;
  height: 2px;
  position: absolute;
  background: #383838;
  display: block;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: -.75rem;
}

.front .inner span{
  color: rgba(56,56,56,1);
  font-family: 'Montserrat';
  font-weight: 300;
}


.container-index .backa{
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
}

.container-index .fronta{
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
}

.container-index:hover .backa{
  -webkit-transform: rotateY(0deg);
          transform: rotateY(0deg);
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

.container-index:hover .fronta{
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

.fronta .inner p{
  font-size: 2rem;
  margin-bottom: 2rem;
  position: relative;
}

.fronta .inner p:after{
  content: '';
  width: 4rem;
  height: 2px;
  position: absolute;
  background: #383838;
  display: block;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: -.75rem;
}

.fronta .inner span{
  color: rgba(56,56,56,1);
  font-family: 'Montserrat';
  font-weight: 300;
}

a{color:#333;transition:all 0.3s ease-in-out;cursor:pointer;text-decoration: none;}
a:hover{color:#0a3875;}
ul,dl{list-style:none;}
i{font-style: normal;}
img{display:inline-block;vertical-align:middle;border:0;}
.warper{max-width:1300px;margin:0 auto;}
.fl{float:left}
.fr{float:right}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
.clearfix:before,.clearfix:after{content:" ";display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
.clearfix:after{clear:both;}
.clearfix{*zoom:1;}
.pr{position: relative;}
.warper{max-width: 1300px; margin: 0 auto;}
.about-main2{height: 890px;width: 100%;overflow: hidden;}
.about-main2 .licheng-bg{background-color: rgba(255,255,255,.8);width: 100%;height: 100%;position: relative;}
.about-main2 .licheng-bg .warper{height: 100%;}
.about-main2 .licheng-bg img{height: 518px;position: absolute;bottom: 85px;left: 0;}
.about-main2 .ny-title{padding-top: 10px;}
.ny-title .title-en{font-size: 36px; color: #b4b4b4; font-family: arial; line-height: 36px; font-weight: normal;}
.ny-title .title-ch{font-size: 26px; color: #333333; margin: 15px 0; font-weight: normal;}
.ny-title i{display: block; width: 42px; height: 1px; background-color: #b5b5b5;}
.about-main2 .licheng-content{position: absolute;width: 100%;height: 100%;}
.about-main2 .licheng-content .swiper-wrapper,.about-main2 .licheng-content .swiper-slide,.about-main2 .licheng-content ul{width: 100%;height: 100%;}
.about-main2 .licheng-content ul li{width: 20%;float: left;height: 100%;}
.about-main2 .licheng-content ul li a{display: block;width: 100%;position: relative;height: 320px}
.about-main2 .licheng-content ul li .date{color: #0a3875;font-size: 30px;}
.about-main2 .licheng-content ul li.item1 .line,.about-main2 .licheng-content ul li.item3 .line,.about-main2 .licheng-content ul li.item5 .line{margin-bottom: 30px;}
.about-main2 .licheng-content ul li.item1 .line2,.about-main2 .licheng-content ul li.item3 .line2,.about-main2 .licheng-content ul li.item5 .line2{margin-bottom: 30px;}
.about-main2 .licheng-content ul li.item4 .line{margin-top: 30px;}
.about-main2 .licheng-content ul li.item4 .line{margin-top: 70px;}
.about-main2 .licheng-content ul li.item2 .line2,.about-main2 .licheng-content ul li.item4 .line2{margin-top: 80px;}
.about-main2 .licheng-content ul li.item2 .line3,.about-main2 .licheng-content ul li.item4 .line3{margin-top: 30px;}
.about-main2 .licheng-content ul li.item1 .line:after,.about-main2 .licheng-content ul li.item3 .line:after,.about-main2 .licheng-content ul li.item5 .line:after{width: 25px;height: 25px;background-color: rgba(10, 56, 117, 0.8);display: block;content: "";border-radius: 50%;text-align: center;vertical-align: middle;position: absolute;}
.about-main2 .licheng-content ul li.item1 .line2:after,.about-main2 .licheng-content ul li.item3 .line2:after,.about-main2 .licheng-content ul li.item5 .line2:after{width: 25px;height: 25px;background-color: rgba(10, 56, 117, 0.8);display: block;content: "";border-radius: 50%;text-align: center;vertical-align: middle;position: absolute;}
.about-main2 .licheng-content ul li.item2 .line:before,.about-main2 .licheng-content ul li.item4 .line:before{width: 25px;height: 25px;background-color: rgba(10, 56, 117, 0.8);display: block;content: "";border-radius: 50%;text-align: center;vertical-align: middle;position: absolute;}
.about-main2 .licheng-content ul li.item2 .line2:before,.about-main2 .licheng-content ul li.item4 .line2:before{width: 25px;height: 25px;background-color: rgba(10, 56, 117, 0.8);display: block;content: "";border-radius: 50%;text-align: center;vertical-align: middle;position: absolute;}
.about-main2 .licheng-content ul li.item2 .line3:before,.about-main2 .licheng-content ul li.item4 .line3:before{width: 25px;height: 25px;background-color: rgba(10, 56, 117, 0.8);display: block;content: "";border-radius: 50%;text-align: center;vertical-align: middle;position: absolute;}
.about-main2 .licheng-content ul li .lc-left{position: absolute;}
.about-main2 .licheng-content ul li .line{height: 250px;width: 1px;display: block;background-color: #0A3875;position: relative;left: 30px;}
.about-main2 .licheng-content ul li .line2 {
    height: 250px;
    width: 1px;
    display: block;
    background-color: #0A3875;
    position: relative;
    left: 30px;
}
.about-main2 .licheng-content ul li .line3 {
    height: 250px;
    width: 1px;
    display: block;
    background-color: #0A3875;
    position: relative;
    left: 30px;
}
.about-main2 .licheng-content ul li .lc-right{position: absolute;left: 30px;width: 400px;height:100%;display: table;}
.about-main2 .licheng-content ul li.item5 .lc-right{width: 200px;}
.about-main2 .licheng-content ul li.item2 .lc-right, .about-main2 .licheng-content ul li.item4 .lc-right{width: 400px;}
.about-main2 .licheng-content ul li .lc-right .right-text{padding: 20px;display: table-cell;vertical-align: middle;}
.about-main2 .licheng-content ul li.item1 a{top: 50px;}
.about-main2 .licheng-content ul li.item1 .lc-left .line:after{bottom: -25px;left: -11px;}
.about-main2 .licheng-content ul li.item1 .lc-right{bottom: 68px;}
.about-main2 .licheng-content ul li.item2 a{top: 258px;}
.about-main2 .licheng-content ul li.item2 .lc-left .line:before{top: -25px;left: -11px;}
.about-main2 .licheng-content ul li.item2 .lc-left .line2:before{top: -25px;left: -11px;}
.about-main2 .licheng-content ul li.item2 .lc-left .line3:before {top: -25px;left: -11px;}
.about-main2 .licheng-content ul li.item2 .lc-right{top: 80px;}
.about-main2 .licheng-content ul li.item3 a{top: 136px;}
.about-main2 .licheng-content ul li.item3 .lc-left .line:after{bottom: -25px;left: -11px;}
.about-main2 .licheng-content ul li.item3 .lc-right{bottom: 100px;}
.about-main2 .licheng-content ul li.item4 a{top: 278px;}
.about-main2 .licheng-content ul li.item4 .lc-left .line:before{top: -25px;left: -11px;}
.about-main2 .licheng-content ul li.item4 .lc-left .line2:before{top: -25px;left: -11px;}
.about-main2 .licheng-content ul li.item4 .lc-left .line3:before{top: -25px;left: -11px;}
.about-main2 .licheng-content ul li.item4 .lc-right{top: 70px;}
.about-main2 .licheng-content ul li.item5 a{top: 99px;}
.about-main2 .licheng-content ul li.item5 .lc-left .line:after{bottom: -25px;left: -11px;}
.about-main2 .licheng-content ul li.item5 .lc-right{bottom: 100px;}
.about-main2 .licheng-content .right-text h3{font-size: 14px; margin-bottom:10px;}
.about-main2 .licheng-content .right-text img{width:19px; height:17px;}
.about-main2 .licheng-content .right-text p{font-size: 14px; margin-bottom:10px;}
.lc-swiper-btn{width: 100%;position: absolute;top: 370px;}
.lc-swiper-btn a{display: block;position: absolute;}
.lc-swiper-btn .btn-prev{position: absolute;left: 15px;top: 50px; z-index:999;}
.lc-swiper-btn .btn-next{position: absolute;right: 0;top: 50px; z-index:999;}
.lc-swiper-btn .iconfont{font-size: 30px;}




@media screen and (max-width: 64rem){
  .col{
    width: calc(33.333333% - 2rem);
  }
}

@media screen and (max-width: 48rem){
  .col{
    width: calc(50% - 2rem);
  }
}

@media screen and (max-width: 32rem){
  .col{
    width: 100%;
    margin: 0 0 2rem 0;
  }
}